<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<!-- CSS -->
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />

<link href="${ctx }/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/event_box.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />

<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/addclip.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	.searchdefault{	color:#9b9b9b;font-style:italic;}
	.searchonit{	color:#000000;font-style: normal;}
	.ui-datepicker div.detailtime{
		float: left;
		height: 18px;
		margin: 7px;
	}
	.ui-datepicker div.detailtime div.timebg{
		background: none repeat scroll 0 0 #FFFFFF;
		float: left;
		height: 18px;
		width: 48px;
	}
	.ui-datepicker div.detailtime div.timebg a.minus{
		background: url("../image/timeselectopt.png") repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 18px;
		width: 13px;
	}
	.ui-datepicker div.detailtime div.timebg a.plus{
		background: url("../image/timeselectopt.png") repeat scroll -13px 0 transparent;
		display: block;
		float: right;
		height: 18px;
		width: 13px;
	}
	.ui-datepicker div.detailtime div.timebg input.hminput{
		border-color: #8BAAD9 -moz-use-text-color;
		border-style: solid none;
		border-width: 1px 0;
		float: left;
		height: 16px;
		padding: 0 4px;
		text-align: center;
		width: 14px;
		color:#222222;
		font-size: 12px;
	}
	.ui-datepicker div.detailtime span.txt{
		float: left;
		line-height: 17px;
		margin: 0 6px 0 4px;
		color:#222222;
		font-size: 12px;
		cursor:default; 
		font-weight: bold;
		
	}
</style>
<!-- CSS -->
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/add_clip.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/search_script.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>
<!-- 中间部分 -->
<!-- 中间部分 -->
<div class="invite_page" style="min-height: 660px;background: #C0D1DB;margin-top: 47px;">
    <table style="width:100%;">
        <tr valign="top">
            <!-- 左边主体  -->
        	<td>
        		<div style="margin: 0 auto 50px;width: 810px;height: auto;overflow: hidden;position: relative;">
           		<div class="widetopline"></div>
	        	<ul class="wideheadtitle">
	        		<li class="left"></li>
	        		<li class="title">
	        			<span id="addclip_title">添加档期</span>
	        		</li>
	        		<li class="right"></li>
	        	</ul>
	        	<div class="widebottomline"></div>
	        	<table cellspacing="0" cellpadding="0" style="margin-bottom: 50px;width: 1050px;">
	        		<tr>
	        			<td class="signline">
	        				
	        			</td>
	        			<td>
	        				<div class="event_box" style="width: 660px;margin-bottom: 0;padding: 10px 0 5px 0;">
			                	<div class="event_title">
			                    	<ul class="headline" id="clipmanagehead" style="width: 660px;">
			               				<li enabled=1 clickonclz="myon" queryby="own">
			               					找乐子
			               				</li>
			               				<li enabled=1 clickonclz="privateon" queryby="private">
			               					个人计划
			               				</li>
			               				<li enabled=1 clickonclz="memoon" queryby="memo">
			               					纪念日
			               				</li>
			               				<li enabled=0 style="width: 285px;" class="nonequery"></li>
			               				<li enabled=1 clickonclz="inviteon" id="invitecount" queryby="invite">
			               					档期邀请
			               					<span class="count"></span>
			               				</li>
			               				<li enabled=1 clickonclz="alerton" id="alertcount" queryby="alert">
			               					档期提醒
			               					<span class="count"></span>
			               				</li>
			               			</ul>
			                    </div>
			                    <div class="part_detail">
			                        <div class="part_main" style="margin-bottom: 30px;" id="addclip_maincontent">
				                        <div class="part_list_name" style="height: 25px;" id="cliptypetd">
		                            		<b style="margin-left: 20px; " class="clipradiobtn clipradiobtnon" typeval=3></b>
		                            		<span class="type_share typeon"></span>
				                            <b style="margin-left: 15px;" class="clipradiobtn " typeval=1></b>
		                            		<span class="type_private"></span>
		                            		<b style="margin-left: 15px; " class="clipradiobtn" typeval=2></b>
		                            		<span class="type_memo"></span>
				                        </div>
			                            <div class="part_list_name" style="height: 25px;">
			                            	<i class="firststep" id="firststep_pic"></i>
			                                <span class="title" id="addcliptitleicon"></span>
			                                <!-- 
			                                <input id="clipevent-alert" type="hidden" value="0"/>
			                                 -->
			                            </div>
			                            <input id="clipevent-picid" type="hidden"/>
			                            <input id="clipevent-eventid" type="hidden"/>
			                            <table class="maintable">
											<tr class="maintr">
												<!-- 选择日期 -->
												<td width="100" class="maintd">
													<span class="cliptime"></span>
												</td>
												<td class="maintd">
													<span class="normal" style="padding-left: 0;">
														<input size="18" type="text" id="clip_begindate_input" onfocus="jQ(this).blur();"/>
														<b ></b>
														<span class="endtime " style="display: none;"></span>
														<input size="18" type="text" style="display: none;" id="clip_enddate_input" onfocus="jQ(this).blur();"/>
														<b ></b>
														<span onclick="changeEventDayCBX(this);" id="clip_isoneday_cbx" class="clipcheckbox clipcheckboxon" style="margin-left: 20px;"></span>
														<span class="setendtime" id="clip_isoneday_title"></span>
														<span class="normal" id="starttime_input_info" style="color:#ff0000;line-height: 18px;padding-top: 0;"></span>
													</span>
												</td>
											</tr>
			                            </table>
			                            <div class="part_list_name" style="margin-bottom: 2px;">
			                            	<i class="secondstep"></i>
			                                <span class="inputmoredetail"></span>
			                                <!-- 
			                                <b class="cliparrowexpand" id="clip_inputmoredetail_cbx" onclick="changeInputmoredetailCBX(this);"></b>
			                                 -->
			                            </div>
			                            <div class="pm" style="padding-bottom:20px;display: block;" id="detail_show_div">
			                            	<table class="maintable" id="detail_input_table">
			                            		<tr class="maintr">
			                            			<td class="maintd" colspan="2">
				                            			<div class="clipcontent_checkboxes" id="clipcontent_checkboxes">
				                            			</div>
			                            			</td>
			                            		</tr>
				                            	<tr class="maintr" id="addclip_memotitle">
						                            <td width="100" class="maintd">
						                                <span class="memo" id="addclip_titlename"></span>
						                            </td>
													<td class="maintd">
														<span class="normal" style="padding-left: 0;">
									                         <input size="74" id="clip_title_input" maxlength="100" style="width: 371px;"/>
									                    </span>
													</td>
												</tr>
												<tr class="maintr" >
						                            <td colspan="2" class="maintd">
						                                <span class="normal" id="title_input_info" style="color:#ff0000;line-height: 14px;margin-left:56px;min-height: 14px;padding: 0;"></span>
						                            </td>
												</tr>
												<tr class="maintr" id="cliptype1moredetail">
													<td width="100" class="maintd">
														<span class="detail" ></span>
													</td>
													<td class="maintd">
														<textarea class="right" id="clip_content_area" style="font-size: 12px;"></textarea>
														<span class="normal" id="clip_content_area_info" style="color:#ff0000;line-height: 20px;"></span>
														<div class="picuploaddiv">
															<span class="uploadicon"></span>
															<div class="preuploadinf">
																<a class="uploadpicbtn">
																	<form name="form1" id="form1" method="post" action="eventAjax!uploadClipPic.action"  enctype="multipart/form-data" target="hidden_frame">
																	<input type="file" name="clippic" id="clippic" onchange="onUploadpicChange(this);"/>
																	<input type="hidden" name="clippictime" id="clippic_hitime"/>
																	<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
																	</form>
																</a>
															</div>
															<div class="inguploadinf">
																<span class="loadinggif"></span><span class="loadingtxt">上传中，请稍后…</span>
																<a><span>取消上传</span></a>
															</div>
															<div class="afteruploadinf">
															</div>
														</div>
														<span class="normal" id="content_area_info" style="color:#ff0000;"></span>
													</td>
												</tr>
			                            	</table>
			                            </div>
			                            
			                            <div class="part_list_name sharepart" id="cliptype1share" style="margin-bottom: 2px;margin-top: 20px;">
			                            	<i class="thirdstep"></i>
			                            	<div class="thirdstepchoose" id="thirdstepchoose">
				                            	<b class="clipradiobtn clipradiobtnon" typeval=4></b>
			                            		<span class="requestclip clipchooseon"></span>
					                            <b style="margin-left: 15px;" class="clipradiobtn " typeval=3></b>
					                            <span class="findclipusers"></span>
			                            	</div>
			                            	<!-- 
			                            	<b class="share shareonit"></b>
			                            	 -->
			                            </div>
			                            <!-- 我有空 -->
			                            <div class="pm sharepart" style="padding-bottom:20px;display: block;" id="requestclip_div">
			                            	<div class="sharepartzone" id="sharepartzone" style="">
			                            		<span class="sharetitle"></span>
			                            		<b class="clipradiobtn clipradiobtnon"></b>
			                            		<span class="shareall"></span>
			                            	</div>
			                    		</div>
			                            <!-- 找朋友 -->
			                            <div class="pm sharepart" style="padding-bottom:20px;display: none;" id="findclipusers_div">
			                            	<div class="sharepartzone" id="sharepartzone" >
			                            		<span class="sharetitle"></span>
			                           			<a class="sharegroupicon" onclick="showContactDetailTip(this);"></a>
			                           			<div class="listbox">
				                           			<ul id="listcontent"></ul>
			                           			</div>
			                            		<span id="sharepartzone_info" style="float:left;margin-left: 60px;width: 800px;height: 14px;line-height: 14px;font-size: 12px;color: #ff0000;margin-top: 10px;"></span>
			                            	</div>
			                    		</div>
			                    </div>
			                    <div style="float: left;width:864px;border-bottom: 1px dashed #A2A2A2;height: 1px;margin-left: 19px;"></div>
			                    <div style="float:left; width:860px;padding: 10px 10px 10px 45px;margin-left: -178px;">
			                        
			                       	<input type="hidden" id="clip-edit-eventid"/>
			                       	<i class="laststep"></i>
			                       	<!--
			                       	<div class="item deletecachefever" title="舍弃草稿" style="margin-top: 4px;">
										<a class="giveup"></a>
									</div>
									-->
									<div class="item" style="margin-top: 4px;">
										<a class="addclip" title="添加档期" id="addclipbutton"></a>
									</div>
									<!-- 
									<div class="item" style="margin-top: 4px;">
										<a class="savetemp" onclick="addclip(0);" title="存为草稿"></a>
									</div>
									 -->
			                	</div>
			                </div>
			                </div>
	        			</td>
	        		</tr>
	        	</table>
	        	
            	
            </td>
        </tr>
	</table>
</div>
<s:include value="/foot.jsp"></s:include>
<!-- 中间部分结束 -->
<div class="mb_select" id="addclipcontactlist">
	<div class="select_box_title">
		<a class="close" onclick="jQ('#addclipcontactlist').hide();"></a>
	</div>
	<div class="leftselect_box"></div>
	<div class="select_box">
		<div class="mb_tab" id="addclipcontactmbtab">
		<span class="onit" style="font-size: 12px;" conid="contact">好友</span>
		<span class="nor" style="font-size: 12px;" conid="inv_congroup">圈子</span>
		</div>
		<ul class="inv_con" id="contact">
			<li id="contact_friend">
			</li>
		</ul>
		<ul class="inv_con" id="inv_congroup" style="display: none;">
		</ul>
		<div class="addinvitezone">
			<button class="closeinvite" onclick="jQ('#addclipcontactlist').hide();"></button>
		</div>
	</div>
</div>
<div class="mb_select" id="addclipcontactgrouplist">
	<div class="select_box_title">
		<a class="close" onclick="jQ('#addclipcontactgrouplist').hide();"></a>
	</div>
	<div class="leftselect_box"></div>
	<div class="select_box">
		<div class="mb_tab">
		<span class="onit" style="font-size: 12px;">群组列表</span>
		</div>
		<ul class="inv_congroup" id="contactgroup">
		</ul>
		<div class="addinvitezone">
			<button class="closeinvite" onclick="jQ('#addclipcontactgrouplist').hide();"></button>
		</div>
	</div>
</div>
<div class="loading" id="loadingui" style="display: none;">
	<span class="logo"></span>
	<span class="loading"></span>
</div>
<div class="monthviewopt" style="display: none;" id="viewopt">
	<input type="hidden" id="viewopt_eventid"/>
	<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
	<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
</div>
<div id="add_return_wrap" style="display: none;">
<div id="add_return">
	<a class="close"></a>
	<div class="top">
		<span class="head"></span>
	</div>
	<div class="bottom">
		<a class="renren"></a>
		<a class="kaixin"></a>
		<a class="sina"></a>
		<a class="douban"></a>
	</div>
	<div class="btnline">
		<button></button>
	</div>
</div>
</div>
</body>
</html>
